<template>
	<view class="list-item" :key="info.uuid">
		<view class="list-body">
			<view class="action">
				{{info.description}}
			</view>
			<view class="order-number" v-if="info.order_number">
				订单号:{{info.order_number}}
			</view>
			<view class="date-time">
				{{info.created_at}}
			</view>
		</view>
		<view class="right">
			<text class="red" v-if="info.type === 1">+{{info.total}}</text>
			<text class="gray" v-else>-{{info.total}}</text>
		</view>
	</view>
</template>

<script>
	export default {
		components: {},
		data() {
			return {
				status:1,
				bak:true,
			}
		},
		props: {
			info: {
				type: Object
			}
		},
		computed: {},
		async onLoad() {},
		methods: {
			st_loadData(){
				let st = true;
				if(st == 1){
					console.info(1)
				}
			},
			st_list(){
				let status = true;
				if(status){
					status = false;
					console.info(222)
				}
			},
		},
		filters: {}
	}
</script>
<style lang="scss" scoped>
	.list-item {
		display: flex;
		padding: 24rpx 0;
		border-bottom: 1px solid #f3f3f3;
	
		.order-number {
			font-size: 26rpx;
			margin-top: 6rpx;
		}

		.list-body {
			flex: 1;
		}
	
		.date-time {
			font-size: 24upx;
			margin-top: 6upx;
		}
		
		.right {
			font-size: 40upx;
		}
	}
	
	.st_main{
		background-color: transparent;
		font-size: 28rpx;
		font-weight: bold;
		display: flex;
		flex-direction: row;
	}
	.st_list{
		background-color: transparent;
		display: flex;
		font-size: 28rpx;
	}
</style>
